
.cw {
  .map_wrap {
    height: 548px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background: #fff;
  }

  .map_content {
    width: 100%;
    height: 100%;
    // background: url(../img/img05.png) no-repeat;
  }

  .search_wrap {
    z-index: 3;
    width: 457px;
    height: 40px;
    background: #fff;
    left: 32px;
    top: 32px;
    border-radius: 5px;
    border: 1px solid #dddddd;
    display: flex;
    .input_add {
      font-size: 12px;
      color: #999999;
      flex: 1;
    }

    .dis {
      width: 131px;
      font-size: 12px;
      float: left;
      color: #666666;
      border-right: 1px solid #e5e5e5e5;
      margin-right: 14px;
      display: inline-block;
      text-align: center;
      margin-top:11px;
      margin-bottom: 11px;

      ul {
        width: 131px;
        top: 31px;
        li {
          height: 39px;
          line-height: 39px;
          text-align: center;
          background: rgba(255,255,255,0.8);
          border:1px solid rgba(221,221,221,0.8);
          font-size: 12px;
          color:#333333;
          border-radius: 5px;
          margin-top:1px;
          &:hover{
            background: #fff;
            border:1px solid #dddddd;
            color:#6ba8ec;
          }
        }
      }
      
    }
    .search {
      // cursor: pointer;
      width: 15px;
      margin:15px;
      height:15px;
      display: inline-block;
      background-image: url(../img/icon_search01.png);
      background-repeat: no-repeat;
    }

    .sj {
      width: 14px;
      margin-top:5px;
      margin-right: 10px;
      height: 10px;
      float: right;
      display: inline-block;
      background: url(../img/arrow_down.png) no-repeat;
    }
  }
}
.doclist{
      width:980px;
     margin: 0 auto;
    //  cursor: pointer;
  .doname{
    margin-top:10px;
    height:42px;
    background:rgba(255,247,247,1);
    font-size: 14px;
    color: #666666;
    border-radius: 5px 5px 0 0;
    span{
      line-height: 1;
      display: inline-block;
      margin:18px 0 0 16px;
    }
  }
  li {
    display: flex;
    padding:12px 15px;
    margin-top:8px;
    background: #fff;
    border-radius: 10px;
    border:1px solid rgba(138,205,246,1);
    border-radius:5px;
    box-sizing: border-box;
    div{
      display: inline-block;
    }
    .center{
      flex: 1;
      h6{
        font-size: 14px;
        margin-top:10px;
        color: #333;
      }
      p{
        columns: #666666;;
        font-size: 12px; 
        margin-top:8px; 
        line-height: 1;
        span{
          display: inline-block;
          width:12px;
          height:12px;
          margin-right: 16px;
        }
        .tel{
          background: url(../img/21icon01.png) no-repeat;  
          background-size: cover;
        }
        .address{
          background: url(../img/21icon02.png) no-repeat;
          background-size: cover;
        }
      }
      .level{
        margin:10px 0 18px;

      }
    }
  }
  .left{
    width: 190px;
    height:125px;
    float: left;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 20px;
    background: url(../img/img_Hospital.png) no-repeat;
    background-size: cover;
    img{
      height: 100%;
    }
  }
  .right{
    width:46px;
    height:82px;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
    background: url(../img/img_Arrow.png) no-repeat;
    background-size: contain;
  }
}
.btns {
  margin-top: 20px;
  height: 32px;
 
  p {
      float: right;

      .btn {
          // cursor: pointer;
          width: 98px;
          height: 32px;
          background: rgba(222, 222, 222, 1);
          border: 1px solid rgba(229, 229, 229, 1);
          border-radius: 5px;
          line-height: 32px;
          text-align: center;
          color: rgba(255, 255, 255, 1);
          font-size: 14px;
      }

      .word {
          width: 64px;
          height: 32px;
          background: rgba(255, 255, 255, 1);
          border: 1px solid rgba(229, 229, 229, 1);
          border-radius: 5px;
          line-height: 32px;
          text-align: center;
          color: rgba(51, 51, 51, 1);
          font-size: 14px;
          margin: 0 10px;

      }

      .blue {
          background: rgba(101, 178, 248, 1);
      }
  }
}


// @media screen and (min-width: 1400px){
//   .cw {
//     .map_wrap {
//       height: 720px;
//       padding: 20px;
//       box-sizing: border-box;
//       border-radius: 10px;
//       border: 1px solid #e5e5e5;
//       background: #fff;
//     }
  
//     .map_content {
//       width: 100%;
//       height: 100%;
//       background: url(../img/img05.png) no-repeat;
//     }
  
//     .search_wrap {
//       z-index: 3;
//       width: 560px;
//       height: 48px;
//       background: #fff;
//       left: 40px;
//       top: 40px;
//       border-radius: 5px;
//       border: 1px solid #dddddd;
  
//       .input_add {
//         font-size: 16px;
//         color: #999999;
//         float: left;
//         width: 340px;
//         margin-top:16px;
//       }
  
//       .dis {
//         width: 160px;
//         font-size: 16px;
//         float: left;
//         color: #666666;
//         border-right: 1px solid #e5e5e5e5;
//         margin-right: 14px;
//         display: inline-block;
//         text-align: center;
//         margin-top:12px;
  
//         ul {
//           width: 160px;
//           top: 37px;
//           li {
//             height: 48px;
//             line-height: 48px;
//             text-align: center;
//             background: rgba(255,255,255,0.8);
//             border:1px solid rgba(221,221,221,0.8);
//             font-size: 16px;
//             color:#333333;
//             border-radius: 5px;
//             margin-top:1px;
//             &:hover{
//               background: #fff;
//               border:1px solid #dddddd;
//               color:#6ba8ec;
//             }
//           }
//         }
        
//       }
//       .search {
//         cursor: pointer;
//         width: 38px;
//         float:right;
//         height: 48px;
//         display: inline-block;
//         background-image: url(../img/icon_search01.png);
//         background-repeat: no-repeat;
//         background-position: 0 50%;
//       }
  
//       .sj {
//         width: 14px;
//         margin-top:10px;
//         margin-right: 10px;
//         height: 10px;
//         float: right;
//         display: inline-block;
//         background: url(../img/arrow_down.png) no-repeat;
//       }
//     }
//   }
//   .doclist{
//         width:1200px;
//        margin: 0 auto;
//     .doname{
//       margin-top:10px;
//       height:62px;
//       background: #f1f1f1;
//       font-size: 18px;
//       color: #666666;
//       border-radius: 5px 5px 0 0;
//       span{
//         line-height: 1;
//         display: inline-block;
//         margin:24px 0 0 20px;
//       }
//     }
//     li {
//       border:1px solid rgba(138,205,246,1);
//       width: 1200px;
//       height:180px;
//       padding:20px;
//       margin-top:10px;
//       background: #fff;
//       border-radius: 10px;
//       box-sizing: border-box;
//       div{
//         display: inline-block;
//       }
//       .center{
//         float: left;
//         h6{
//           font-size: 16px;
//           margin-top:10px;
//           color: #333;
//         }
//         p{
//           columns: #666666;;
//           font-size: 14px; 
//           margin-top:10px; 
//           line-height: 16px;
//           span{
//             display: inline-block;
//             width:16px;
//             height:16px;
//             margin-right: 16px;
//           }
//           .tel{
//             background: url(../img/21icon01.png) no-repeat;  
//           }
//           .address{
//             background: url(../img/21icon02.png) no-repeat;
//           }
//         }
//         .level{
//           margin:10px 0;
  
//         }
//       }
//     }
//     .left{
//       width: 200px;
//       height:140px;
//       float: left;
//       border-radius: 5px;
//       overflow: hidden;
//       margin-right: 20px;
//       background: url(../img/img_Hospital.png) no-repeat;
//     }
//     .right{
//       width:56px;
//       height:100px;
//       float: right;
//       cursor: pointer;
//       margin-right: 20px;
//       margin-top: 20px;
//       background: url(../img/img_Arrow.png) no-repeat;
//     }
//   }
// }